<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>支付宝设置</title>
		<link rel="stylesheet" type="text/css" href="css/jksz5.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box">
					<a href="jksz.html">微信设置</a>
				</div>
				<div class="l-box">
					<a href="jksz2.html">微支付设置</a>
				</div>
				<div class="l-box">
					<a href="jksz3.html">微信菜单</a>
				</div>
				<div class="l-box">
					<a href="jksz4.html">微信安全文件</a>
				</div>
				<div class="l-box in">
					<a href="jksz5.html">支付宝设置</a>
				</div>
				<div class="l-box">
					<a href="jksz6.html">微信模板管理</a>
				</div>
			</div>
			<div class="con_right bottom fl">
				<header>支付宝设置</header>
				<form action="" method="post">
					<div class="info-con">
						<p>签约账号</p><input type="text" name="" id="input1" value="" maxlength="16">
						<span> 合作身份者ID，签约账号，以2088开头由16位纯数字组成的字符串</span>
						<span style="display: none; color: red;">*</span>
						<span style="display: none; color: red;">这不是纯数字</span>
						<span style="display: none; color: red;">以2088开头</span>
						<span style="display: none; color: red;">不够16位纯数字</span>
					</div>
					<div class="info-con">
						<p>收款支付宝账号：</p><input type="text" name="" id="input2" value="" maxlength="16">
						<span> 不能为空</span>
						<span style="display: none; color: red;">*</span>
						<span style="display: none; color: red;">这不是纯数字</span>
						<span style="display: none; color: red;">以2088开头</span>
						<span style="display: none; color: red;">16位纯数字</span>
					</div>
					<div class="info-con">
						<p>商户的私钥：</p><textarea name="" rows="" cols="" id="input5"></textarea>
						<span>商户的私钥,原始格式，RSA公私钥生成(1_rsa_private_key.txt)</span>
						<span style="display: none; color: red;">*</span>
					</div>
					<div class="info-con">
						<p>支付宝的公钥：</p><textarea name="" rows="" cols="" id="input6"></textarea>
						<span>https://b.alipay.com/order/pidAndKey.htm(mapi网关产品密钥)</span>
						<span style="display: none; color: red;">*</span>
					</div>
					<div class="info-con">
						<p>服务器异步通知页面路径：</p>
						<input type="text" name="" id="input3" value="http://app.zizhuxiyi.cn/pay/alipaynotifyurl">
						<span> 需http://格式的完整路径，不能加?id=123这类自定义参数,必须外网可以正常访问 </span>
						<span style="display: none;color: red;">*</span>
					</div>
					<div class="info-con">
						<p>页面跳转同步通知页面路径：</p>
						<input type="text" name="" id="input4" value="http://app.zizhuxiyi.cn/Nonmember/alipay_return_url.aspx">
						<span> 需http://格式的完整路径，不能加?id=123这类自定义参数,必须外网可以正常访问 </span>
						<span style="display:none; color: red;">*</span>
					</div>
					<input type="submit" value="确定" class="queding"/>
					<button class="queding help">设置步骤帮助</button>
				</form>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jqgl.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			$(':submit').on('click',function(){
				$('#input1').nextAll().eq(1).css('display','none');					
				$('#input1').nextAll().eq(2).css('display','none');					
				$('#input1').nextAll().eq(3).css('display','none');					
				$('#input1').nextAll().eq(4).css('display','none');					
				$('#input2').nextAll().eq(1).css('display','none');					
				$('#input2').nextAll().eq(2).css('display','none');					
				$('#input2').nextAll().eq(3).css('display','none');
				$('#input2').nextAll().eq(4).css('display','none');
				$('#input3').nextAll().eq(1).css('display','none');					
				$('#input4').nextAll().eq(1).css('display','none');					
				$('#input5').nextAll().eq(1).css('display','none');					
				$('#input6').nextAll().eq(1).css('display','none');					
				
				
				var input1 = $.trim($('#input1').val());
				var input2 = $.trim($('#input2').val());
				var input3 = $.trim($('#input3').val());
				var input4 = $.trim($('#input4').val());
				var input5 = $.trim($('#input5').val());
				var input6 = $.trim($('#input6').val());
				var r=/^2088/
				if(!input1){
					$('#input1').nextAll().eq(1).css('display','inline-block');					
					return false;
				}else if(!$.isNumeric(input1)){
					$('#input1').nextAll().eq(2).css('display','inline-block');
					return false;
				}else if(!r.test(input1)){
					$('#input1').nextAll().eq(3).css('display','inline-block');
					return false;
				}else if(input1.length != 16){
					$('#input1').nextAll().eq(4).css('display','inline-block');
					return false;
				}else if(!input2){
					$('#input2').nextAll().eq(1).css('display','inline-block');					
					return false;
				/*}else if(!$.isNumeric(input2)){
					$('#input2').nextAll().eq(2).css('display','inline-block');
					return false;
				}else if(!r.test(input2)){
					$('#input2').nextAll().eq(3).css('display','inline-block');
					return false;
				}else if(input2.length != 16){
					$('#input2').nextAll().eq(4).css('display','inline-block');
					return false;*/
				}else if(!input3){
					$('#input3').nextAll().eq(1).css('display','inline-block');					
					return false;
				}else if(!input4){
					$('#input4').nextAll().eq(1).css('display','inline-block');					
					return false;
				}else if(!input5){
					$('#input5').nextAll().eq(1).css('display','inline-block');					
					return false;
				}else if(!input6){
					$('#input6').nextAll().eq(1).css('display','inline-block');					
					return false;
				}else{
					return true;}
			})
		</script>
	</body>
</html>